<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
     <title>Ants云笔记</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
   
    <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1, maximum-scale=1.5">
   
   
      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
	 <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
     <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
     	 <script type="text/javascript" src="<%=request.getContextPath() %>/common/js/Base.js"></script>
     	 <script type="text/javascript" src="<%=request.getContextPath() %>/common/js/pageTpl.js"></script>
     	 <script type="text/javascript" src="<%=request.getContextPath() %>/common/js/common.js"></script>
     	 <script type="text/javascript" src="<%=request.getContextPath() %>/common/js/common2.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
  </head>
  
  <body>
   
    <div data-role="page" id="indexPage">
    	<header data-role="header"  data-position="fixed" data-fullscreen="true">
    	    <a href="#insert_note">新建</a>    	
    		<h1>云笔记主页</h1>
    		<a href="javascript:history.go(0);">刷新</a>    
    	</header>
    	<div data-role="content">
    	
    		<ul data-role="listview" id="note_list_ul">
				<li id="note_list_li_tpl" style="display:none;">
					<a class="weibo_content" href="#detail_note">
				        <h3 fieldType='db' dbfield="nickname">标题</h3>
				        <p fieldType='db' dbfield="brief">内容</p>
				        <div name="hideMessage" style="display:none">
			        	<p fieldType='db' dbfield="_id">111</p>
			     		</div>
			        </a>
			    </li>
    		</ul>
    	</div>
    	<div data-role="footer">
    		<h1>make by Ants</h1>
    	</div>
    </div>
    
        <div data-role="page" id="detail_note">
    	<header data-role="header"  data-position="fixed" data-fullscreen="true">
    		 <a   href="#indexPage" class="ui-btn-left">回到首页</a>    
    		<h1 dbfield="nickname">云笔记主页</h1>
    	    <a href="#insert_note">新建</a>    	
    	</header>
    	<div data-role="content">
	        <p fieldType='db' dbfield="brief">内容</p>
    	</div>
    	<div data-role="footer">
    		<h1>make by Ants</h1>
    	</div>
    </div>
    
    <div data-role="page" id="insert_note">
    	<header data-role="header" data-position="fixed" data-fullscreen="true">
    		<h1>新建标题</h1>
    		 <a   id="insert_note_back_to_index" href="#indexPage" class="ui-btn-left">回到首页</a>
    		  <a  data-role="button" class="ui-btn-right" data-inline="true" href="javascript:note_form_submit();"  >提交</a>
    	</header>
    	<div data-role="content">
    		<form id="note_form" action="http://peaceful-tor-4422.herokuapp.com/users" method="post" target="hidden_form_frame">
		   			<div data-role="fieldcontain">
					    <label for="nickname">标题</label>
					    <input    name="nickname" dbfield="nickname"  required="required" autofocus  placeholder="请输入内容" />
					</div>
		   			<div data-role="fieldcontain">
					    <label for="brief">内容</label>
					    <textarea  cols="40" rows="20" name="brief" dbfield="brief" required="required" autofocus  placeholder="请输入内容"></textarea>
					</div>
					<div data-role="fieldcontain">
					    <input  id="mid" name="mid"  type="hidden"/>
					</div>
					<!-- 
					<div style="text-align:center;vertical-align:middle;" >
					   <a  data-role="button" data-inline="true" href="javascript:$('#comment_form')[0].submit();"  >提交</a>
					</div>
					 -->
			</form>
    	</div>
    	<div data-role="footer">
    		<h1>make by Ants</h1>
    	</div>
    </div>
  </body>
</html>
